{"componentChunkName":"component---src-templates-blog-post-js","path":"/VariableDeclartion in Js/","webpackCompilationHash":"fbb20c27e610daab547e","result":{"data":{"site":{"siteMetadata":{"title":"Articles","author":"Aman-Sharma"}},"markdownRemark":{"id":"c3f7e7a5-69c2-5cbb-a836-c4ba3956813d","excerpt":"Ways To Declare Variables In JavaScript There are three ways to declare variables in the javascript given below:- Var Let Const Difference Between Var,Let,Const…","html":"<ol>\n<li>\n<h2>Ways To Declare Variables In JavaScript</h2>\n<p><em>There are three ways to declare variables in the javascript given below:-</em></p>\n</li>\n<li>\n<h2>Var</h2>\n</li>\n<li>\n<h2>Let</h2>\n</li>\n<li>\n<h2>Const</h2>\n</li>\n<li>\n<h2>Difference Between Var,Let,Const.</h2>\n</li>\n</ol>\n<p><em>Variable Declaration with let and const and var</em></p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">//ES5</span>\n<span class=\"token keyword\">var</span> x <span class=\"token operator\">=</span> <span class=\"token number\">10</span><span class=\"token punctuation\">;</span>\nx <span class=\"token operator\">=</span> <span class=\"token number\">12</span><span class=\"token punctuation\">;</span>\nconsole<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span>x<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span><span class=\"token comment\">//12</span>\n<span class=\"token number\">12</span><span class=\"token punctuation\">;</span></code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">//ES6</span>\n<span class=\"token keyword\">let</span> x <span class=\"token operator\">=</span> <span class=\"token number\">10</span><span class=\"token punctuation\">;</span>\nx <span class=\"token operator\">=</span> <span class=\"token number\">12</span><span class=\"token punctuation\">;</span>\nconsole<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span>x<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">//12</span></code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">//ES6</span>\n<span class=\"token keyword\">const</span> y <span class=\"token operator\">=</span> <span class=\"token number\">14</span><span class=\"token punctuation\">;</span>\ny <span class=\"token operator\">=</span> <span class=\"token number\">12</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">//TypeError: Assignment to constant variable.</span>\nconsole<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span>y<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p><em>Scope of Let,Const and Var</em></p>\n<p>var a   //declaration\na = 2   // initialization\nlet b //declaration\nb = 12  //initialization\nvar c = 6  //declaration plus initialization in one step\nlet d = 5  //declaration plus initialization in one step\nconst a ; // SyntaxError: Missing initializer in const declaration\na = 2;\nconsole.log(a);\nconst a = 5\nconsole.log(a) //5</p>\n<p>1: when we start our variable with var, let is called declaration. e.g: var a; or let a;\n2: when we start our variable and assigning value it is declaration and initialization with value\n3: const cannot be declared only, you need to initialize it with declaration</p>\n<p><em>Let and const have a block scope but var has function scope.</em></p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">//ES5</span>\n<span class=\"token keyword\">function</span> <span class=\"token function\">adult5</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">age</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>age <span class=\"token operator\">></span> <span class=\"token number\">18</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">var</span> status <span class=\"token operator\">=</span> <span class=\"token string\">'adult'</span><span class=\"token punctuation\">;</span>\n  <span class=\"token punctuation\">}</span>\n  console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span>status<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">//adult</span>\n<span class=\"token punctuation\">}</span>\n<span class=\"token function\">adult5</span><span class=\"token punctuation\">(</span><span class=\"token number\">20</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token operator\">/</span> <span class=\"token constant\">ES6</span>\n<span class=\"token keyword\">function</span> <span class=\"token function\">adult6</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">age</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>age <span class=\"token operator\">></span> <span class=\"token number\">18</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">let</span> status <span class=\"token operator\">=</span> <span class=\"token string\">'adult'</span><span class=\"token punctuation\">;</span>\n  <span class=\"token punctuation\">}</span>\n  console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span>status<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">//ReferenceError: status is not defined</span>\n<span class=\"token punctuation\">}</span>\n<span class=\"token function\">adult6</span><span class=\"token punctuation\">(</span><span class=\"token number\">20</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p>1: var and let can change their value and const cannot change its value\n2: var can be accessible anywhere in function but let and const can only be   accessible inside the block where they are declared.</p>","frontmatter":{"title":"Es6 Variable Declaration","date":"October 26, 2019","description":" Variable Declaration In (EcmaScript)"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/VariableDeclartion in Js/","previous":{"fields":{"slug":"/typeConversion/"},"frontmatter":{"title":"TypeConversion In Js"}},"next":{"fields":{"slug":"/React-Redux /"},"frontmatter":{"title":"React Redux"}}}}}